.goldAccount{
  &{
    display: flex;
    flex-direction: column;
    background-color: var(--main-background-color);
  }
  .top {
    &{
      width: 100%;
      height: 0.45rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .back {
      width: 0.18rem;
      height: 0.18rem;
      margin-left: 4%;
    }
    .title {
      font-size: 0.18rem;
      color: #101010;
    }
    .placeorder {
      margin-right: 4%;
      width: 0.2rem;
      height: 0.1rem;
    }
  }
  .line {
    width: 100%;
    height: 0.6px;
    background-color: var(--thin-line-color);
  }
  .scroll{
    &{
      width: 100%;
      height: calc(100% - 0.45rem - 0.6px);
      margin-top: 0.1rem;
    }
    .content {
      &{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        align-items: center;
      }
      .item{
        &{
          width: 92%;
          height: 0.66rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border-bottom: 0.6px solid var(--thin-line-color);
          position: relative;
        }
        .box{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
        }
        .note{
          font-size: 0.15rem;
          color: #101010;
        }
        .income{
          font-size: 0.16rem;
          color: var(--error);
          font-weight: bold;
          position: absolute;
          right: 2%;
        }
        .pay{
          font-size: 0.16rem;
          color: var(--success);
          font-weight: bold;
          position: absolute;
          right: 2%;
        }
      }
      .date{
        margin-top: 0.08rem;
        font-size: 0.13rem;
        color: #909497;
      }
    }
  }
}
